<section>
  {{tableData | json}}
  <fui-table [fuiTableFlex]="[1,1,1,2]">
    <fui-table-head>
      <div>ID</div>
      <div>Name</div>
      <div>Type</div>
      <div>Description</div>
    </fui-table-head>
    <ng-container *ngFor="let datum of tableData">
      <fui-table-row>
        <fui-table-nesting-id [(open)]="datum.showSublist">{{datum.id}}</fui-table-nesting-id>
        <div>
          <strong>{{datum.name}}</strong>
        </div>
        <div>{{datum.type}}</div>
        <div>{{datum.desc}}</div>
      </fui-table-row>
      <fui-table-nesting-sublist *ngIf="datum.showSublist"></fui-table-nesting-sublist>
    </ng-container>
  </fui-table>
</section>
